<!doctype html>
<html class="default no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>ITreeOptions | angular-tree-component</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../assets/css/main.css">
	<script src="../assets/js/modernizr.js"></script>
</head>
<body>
<header>
	<div class="tsd-page-toolbar">
		<div class="container">
			<div class="table-wrap">
				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
					<div class="field">
						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
						<input id="tsd-search-field" type="text" />
					</div>
					<ul class="results">
						<li class="state loading">Preparing search index...</li>
						<li class="state failure">The search index is not available</li>
					</ul>
					<a href="../index.html" class="title">angular-tree-component</a>
				</div>
				<div class="table-cell" id="tsd-widgets">
					<div id="tsd-filter">
						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
						<div class="tsd-filter-group">
							<div class="tsd-select" id="tsd-filter-visibility">
								<span class="tsd-select-label">All</span>
								<ul class="tsd-select-list">
									<li data-value="public">Public</li>
									<li data-value="protected">Public/Protected</li>
									<li data-value="private" class="selected">All</li>
								</ul>
							</div>
							<input type="checkbox" id="tsd-filter-inherited" checked />
							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
							<input type="checkbox" id="tsd-filter-externals" checked />
							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
							<input type="checkbox" id="tsd-filter-only-exported" />
							<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
						</div>
					</div>
					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
				</div>
			</div>
		</div>
	</div>
	<div class="tsd-page-title">
		<div class="container">
			<ul class="tsd-breadcrumb">
				<li>
					<a href="../globals.html">Globals</a>
				</li>
				<li>
					<a href="../modules/_api_.html">&quot;api&quot;</a>
				</li>
				<li>
					<a href="_api_.itreeoptions.html">ITreeOptions</a>
				</li>
			</ul>
			<h1>Interface ITreeOptions</h1>
		</div>
	</div>
</header>
<div class="container container-main">
	<div class="row">
		<div class="col-8 col-content">
			<section class="tsd-panel tsd-hierarchy">
				<h3>Hierarchy</h3>
				<ul class="tsd-hierarchy">
					<li>
						<span class="target">ITreeOptions</span>
					</li>
				</ul>
			</section>
			<section class="tsd-panel-group tsd-index-group">
				<h2>Index</h2>
				<section class="tsd-panel tsd-index-panel">
					<div class="tsd-index-content">
						<section class="tsd-index-section ">
							<h3>Properties</h3>
							<ul class="tsd-index-list">
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#actionmapping" class="tsd-kind-icon">action<wbr>Mapping</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#allowdrag" class="tsd-kind-icon">allow<wbr>Drag</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#allowdragoverstyling" class="tsd-kind-icon">allow<wbr>Dragover<wbr>Styling</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#allowdrop" class="tsd-kind-icon">allow<wbr>Drop</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#animateacceleration" class="tsd-kind-icon">animate<wbr>Acceleration</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#animateexpand" class="tsd-kind-icon">animate<wbr>Expand</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#animatespeed" class="tsd-kind-icon">animate<wbr>Speed</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#childrenfield" class="tsd-kind-icon">children<wbr>Field</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#displayfield" class="tsd-kind-icon">display<wbr>Field</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#dropslotheight" class="tsd-kind-icon">drop<wbr>Slot<wbr>Height</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#getchildren" class="tsd-kind-icon">get<wbr>Children</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#getnodeclone" class="tsd-kind-icon">get<wbr>Node<wbr>Clone</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#haschildrenfield" class="tsd-kind-icon">has<wbr>Children<wbr>Field</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#idfield" class="tsd-kind-icon">id<wbr>Field</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#isexpandedfield" class="tsd-kind-icon">is<wbr>Expanded<wbr>Field</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#levelpadding" class="tsd-kind-icon">level<wbr>Padding</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#nodeclass" class="tsd-kind-icon">node<wbr>Class</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#nodeheight" class="tsd-kind-icon">node<wbr>Height</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#rootid" class="tsd-kind-icon">root<wbr>Id</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#rtl" class="tsd-kind-icon">rtl</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#scrollcontainer" class="tsd-kind-icon">scroll<wbr>Container</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#scrollonactivate" class="tsd-kind-icon">scroll<wbr>OnActivate</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#usecheckbox" class="tsd-kind-icon">use<wbr>Checkbox</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#usetristate" class="tsd-kind-icon">use<wbr>Tri<wbr>State</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_api_.itreeoptions.html#usevirtualscroll" class="tsd-kind-icon">use<wbr>Virtual<wbr>Scroll</a></li>
							</ul>
						</section>
					</div>
				</section>
			</section>
			<section class="tsd-panel-group tsd-member-group ">
				<h2>Properties</h2>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="actionmapping" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> action<wbr>Mapping</h3>
					<div class="tsd-signature tsd-kind-icon">action<wbr>Mapping<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L113">api.ts:113</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Rewire which trigger causes which action using this attribute, or create custom actions / event bindings.
							See the <a href="https://angular2-tree.readme.io/docs/action-mapping">Action Mapping Section</a> for more details.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="allowdrag" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> allow<wbr>Drag</h3>
					<div class="tsd-signature tsd-kind-icon">allow<wbr>Drag<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><a href="_api_.iallowdragfn.html" class="tsd-signature-type">IAllowDragFn</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L127">api.ts:127</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Specify if dragging tree nodes is allowed.
							This could be a boolean, or a function that receives a TreeNode and returns a boolean</p>
						</div>
						<p><strong>Default value: false</strong></p>
						<p>Example:</p>
						<pre><code><span class="hljs-keyword">options</span> = {
 allowDrag: <span class="hljs-keyword">true</span>
}
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="allowdragoverstyling" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> allow<wbr>Dragover<wbr>Styling</h3>
					<div class="tsd-signature tsd-kind-icon">allow<wbr>Dragover<wbr>Styling<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L161">api.ts:161</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Boolean flag to allow adding and removing is-dragging-over and is-dragging-over-disabled classes.</p>
						</div>
						<p>If set to false it will not add the above mentioned classes and you should handle the styling yourself with css and in
						the actionMapping -&gt; mouse -&gt; dragEnter, dragLeave</p>
						<p><strong>Default Value: true</strong></p>
						<p>example:</p>
						<pre><code><span class="hljs-keyword">options</span> = {
  allowDrop: <span class="hljs-keyword">true</span>,
  allowDragoverStyling: <span class="hljs-keyword">false</span>
}
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="allowdrop" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> allow<wbr>Drop</h3>
					<div class="tsd-signature tsd-kind-icon">allow<wbr>Drop<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><a href="_api_.iallowdropfn.html" class="tsd-signature-type">IAllowDropFn</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L144">api.ts:144</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Specify whether dropping inside the tree is allowed. Optional types:</p>
							<ul>
								<li>boolean</li>
								<li>(element:any, to:{parent:TreeNode, index:number}):boolean
									A function that receives the dragged element, and the drop location (parent node and index inside the parent),
								and returns true or false.</li>
							</ul>
						</div>
						<p><strong>Default Value: true</strong></p>
						<p>example:</p>
						<pre><code>options = {
 <span class="hljs-attribute">allowDrop</span>: <span class="hljs-function"><span class="hljs-params">(element, {parent, index})</span> =&gt;</span> parent.isLeaf
}
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="animateacceleration" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> animate<wbr>Acceleration</h3>
					<div class="tsd-signature tsd-kind-icon">animate<wbr>Acceleration<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L238">api.ts:238</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Increase of expand animation speed (described in multiply per 17 ms).</p>
						</div>
						<p><strong>Default Value: 1.2</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="animateexpand" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> animate<wbr>Expand</h3>
					<div class="tsd-signature tsd-kind-icon">animate<wbr>Expand<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L226">api.ts:226</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Boolean whether or not to animate expand / collapse of nodes.</p>
						</div>
						<p><strong>Default Value: false</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="animatespeed" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> animate<wbr>Speed</h3>
					<div class="tsd-signature tsd-kind-icon">animate<wbr>Speed<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L232">api.ts:232</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Speed of expand animation (described in pixels per 17 ms).</p>
						</div>
						<p><strong>Default Value: 30</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="childrenfield" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> children<wbr>Field</h3>
					<div class="tsd-signature tsd-kind-icon">children<wbr>Field<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L56">api.ts:56</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string representing the attribute of the node that contains the array of children.</p>
						</div>
						<p><strong>Default value: <code>children</code>.</strong></p>
						<p>For example, if your nodes have a <code>nodes</code> attribute, that contains the children, use:</p>
						<pre><code><span class="hljs-keyword">options</span> = { childrenField: <span class="hljs-string">'nodes'</span> }
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="displayfield" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> display<wbr>Field</h3>
					<div class="tsd-signature tsd-kind-icon">display<wbr>Field<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L67">api.ts:67</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string representing the attribute of the node to display.</p>
						</div>
						<p><strong>Default value: <code>name</code></strong></p>
						<p>For example, if your nodes have a <code>title</code> attribute that should be displayed, use:</p>
						<pre><code><span class="hljs-keyword">options</span> = { displayField: <span class="hljs-string">'title'</span> }
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="dropslotheight" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> drop<wbr>Slot<wbr>Height</h3>
					<div class="tsd-signature tsd-kind-icon">drop<wbr>Slot<wbr>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L220">api.ts:220</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>For use with <code>useVirtualScroll</code> option.
							Specify a height for drop slots (located between nodes) in pixels</p>
						</div>
						<p><strong>Default Value: 2</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="getchildren" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Children</h3>
					<div class="tsd-signature tsd-kind-icon">get<wbr>Children<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">function</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L108">api.ts:108</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Function for loading a node&#39;s children.
							The function receives a TreeNode, and returns a value or a promise that resolves to the node&#39;s children.</p>
						</div>
						<p>This function will be called whenever a node is expanded, the <code>hasChildren</code> (<code>options.hasChildrenField</code>)
							field is true, and the <code>children</code> field is empty.
						The result will be loaded into the node&#39;s children attribute.</p>
						<p>Example:</p>
						<pre><code>options = {
  getChildren: (<span class="hljs-keyword">node</span><span class="hljs-identifier"></span><span class="hljs-title">:TreeNode</span>) =&gt; {
    return request('/api/children/' + <span class="hljs-keyword">node</span>.<span class="hljs-identifier"></span><span class="hljs-title">id</span>);
  }
}
</code></pre>
					</div>
					<div class="tsd-type-declaration">
						<h4>Type declaration</h4>
						<ul class="tsd-parameters">
							<li class="tsd-parameter-siganture">
								<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-property tsd-is-not-exported">
									<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><a href="../modules/_api_.html#treenode" class="tsd-signature-type">TreeNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>node: <a href="../modules/_api_.html#treenode" class="tsd-signature-type">TreeNode</a></h5>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="getnodeclone" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Node<wbr>Clone</h3>
					<div class="tsd-signature tsd-kind-icon">get<wbr>Node<wbr>Clone<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">function</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L264">api.ts:264</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Function to clone a node.
								Receives a TreeNode object, and returns a node object (only the data).
								This callback will be called when copying a node inside the tree,
							by either calling copyNode, or by dragging and holding the ctrl key</p>
						</div>
						<p>For example:</p>
						<pre><code>options: ITreeOptions = {
getNodeClone: (<span class="hljs-keyword">node</span><span class="hljs-identifier"></span><span class="hljs-title">) =&gt; ({
...node</span>.data,
id: uuid.v4(),
name: `copy of ${<span class="hljs-keyword">node</span>.<span class="hljs-identifier"></span><span class="hljs-title">data</span>.name}`
})
};
</code></pre><p><strong>Default Value: clone the node using Object.assign, and remove &#39;id&#39; property</strong></p>
					</div>
					<div class="tsd-type-declaration">
						<h4>Type declaration</h4>
						<ul class="tsd-parameters">
							<li class="tsd-parameter-siganture">
								<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-property tsd-is-not-exported">
									<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><a href="../modules/_api_.html#treenode" class="tsd-signature-type">TreeNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>node: <a href="../modules/_api_.html#treenode" class="tsd-signature-type">TreeNode</a></h5>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="haschildrenfield" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> has<wbr>Children<wbr>Field</h3>
					<div class="tsd-signature tsd-kind-icon">has<wbr>Children<wbr>Field<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L45">api.ts:45</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string representing the attribute of the node that indicates whether there are child nodes.</p>
						</div>
						<p><strong>Default value: <code>hasChildren</code>.</strong></p>
						<p>For example, if your nodes have an <code>isDirectory</code> attribute that indicates whether there are children, use:</p>
						<pre><code><span class="hljs-keyword">options</span> = { hasChildrenField: <span class="hljs-string">'isDirectory'</span> }
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="idfield" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> id<wbr>Field</h3>
					<div class="tsd-signature tsd-kind-icon">id<wbr>Field<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L79">api.ts:79</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string representing the attribute of the node that contains the unique ID.
							This will be used to construct the <code>path</code>, which is an array of IDs that point to the node.</p>
						</div>
						<p><strong>Default value: <code>id</code>.</strong></p>
						<p>For example, if your nodes have a <code>uuid</code> attribute, that contains the unique key, use:</p>
						<pre><code><span class="hljs-keyword">options</span> = { idField: <span class="hljs-string">'uuid'</span> }
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="isexpandedfield" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr>Expanded<wbr>Field</h3>
					<div class="tsd-signature tsd-kind-icon">is<wbr>Expanded<wbr>Field<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L90">api.ts:90</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string representing the attribute of the node that contains whether the node starts as expanded.</p>
						</div>
						<p><strong>Default value: <code>isExpanded</code>.</strong></p>
						<p>For example, if your nodes have an <code>expanded</code> attribute, that contains a boolean value, use:</p>
						<pre><code><span class="hljs-keyword">options</span> = { isExpandedField: <span class="hljs-string">'expanded'</span> }
</code></pre>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="levelpadding" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> level<wbr>Padding</h3>
					<div class="tsd-signature tsd-kind-icon">level<wbr>Padding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L172">api.ts:172</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Specify padding per node (integer).
							Each node will have padding-left value of level * levelPadding, instead of using the default padding for children.</p>
						</div>
						<p>This option is good for example for allowing whole row selection, etc.</p>
						<p>You can alternatively use the tree-node-level-X classes to give padding on a per-level basis.</p>
						<p><strong>Default value: 0</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="nodeclass" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> node<wbr>Class</h3>
					<div class="tsd-signature tsd-kind-icon">node<wbr>Class<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">function</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L185">api.ts:185</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Specify a function that returns a class per node. Useful for styling the nodes individually.</p>
						</div>
						<p>Example:</p>
						<pre><code>options = {
  nodeClass: (<span class="hljs-keyword">node</span><span class="hljs-identifier"></span><span class="hljs-title">:TreeNode</span>) =&gt; {
    return 'icon-' + <span class="hljs-keyword">node</span>.<span class="hljs-identifier"></span><span class="hljs-title">data</span>.icon;
  }
}
</code></pre>
					</div>
					<div class="tsd-type-declaration">
						<h4>Type declaration</h4>
						<ul class="tsd-parameters">
							<li class="tsd-parameter-siganture">
								<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-property tsd-is-not-exported">
									<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><a href="../modules/_api_.html#treenode" class="tsd-signature-type">TreeNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>node: <a href="../modules/_api_.html#treenode" class="tsd-signature-type">TreeNode</a></h5>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="nodeheight" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> node<wbr>Height</h3>
					<div class="tsd-signature tsd-kind-icon">node<wbr>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><a href="_api_.inodeheightfn.html" class="tsd-signature-type">INodeHeightFn</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L213">api.ts:213</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>For use with <code>useVirtualScroll</code> option.
							Specify a height for nodes in pixels. Could be either:</p>
							<ul>
								<li>number</li>
								<li>(node: TreeNode) =&gt; number</li>
							</ul>
						</div>
						<p><strong>Default Value: 22</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="rootid" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> root<wbr>Id</h3>
					<div class="tsd-signature tsd-kind-icon">root<wbr>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L273">api.ts:273</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Specifies id of root node (virtualRoot)</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="rtl" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> rtl</h3>
					<div class="tsd-signature tsd-kind-icon">rtl<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L269">api.ts:269</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Makes the tree right-to-left.
							This include direction, expander style, and change key binding (right key collapse and left key expands instead of vice-versa)</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="scrollcontainer" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> scroll<wbr>Container</h3>
					<div class="tsd-signature tsd-kind-icon">scroll<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L287">api.ts:287</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The HTML element that is the scroll container for the tree.
								The default behaviour is to wrap the tree with a container that has overflow: hidden,
							and then the scrolling container is the viewport inside the tree component</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="scrollonactivate" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> scroll<wbr>OnActivate</h3>
					<div class="tsd-signature tsd-kind-icon">scroll<wbr>OnActivate<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L244">api.ts:244</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Whether to scroll to the node to make it visible when it is activated.</p>
						</div>
						<p><strong>Default Value: true</strong></p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="usecheckbox" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> use<wbr>Checkbox</h3>
					<div class="tsd-signature tsd-kind-icon">use<wbr>Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L277">api.ts:277</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Whether to display a checkbox next to the node or not</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="usetristate" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> use<wbr>Tri<wbr>State</h3>
					<div class="tsd-signature tsd-kind-icon">use<wbr>Tri<wbr>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L281">api.ts:281</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Whether to use master checkboxes mechanism if the useCheckbox is set to true</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
					<a name="usevirtualscroll" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> use<wbr>Virtual<wbr>Scroll</h3>
					<div class="tsd-signature tsd-kind-icon">use<wbr>Virtual<wbr>Scroll<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/500tech/angular-tree-component/blob/master/lib/defs/api.ts#L204">api.ts:204</a></li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Boolean flag to use the virtual scroll option.</p>
						</div>
						<p>To use this option, you must supply the height of the container, and the height of each node in the tree.</p>
						<p>You can also specify height for the dropSlot which is located between nodes.</p>
						<p><strong>Default Value: false</strong></p>
						<p>example:</p>
						<pre><code>options = {
  useVirtualScroll: <span class="hljs-literal">true</span>,
  nodeHeight: (<span class="hljs-keyword">node</span><span class="hljs-identifier"></span><span class="hljs-title">: TreeNode</span>) =&gt; <span class="hljs-keyword">node</span>.<span class="hljs-identifier"></span><span class="hljs-title">myHeight</span>,
  dropSlotHeight: <span class="hljs-number">3</span>
}
</code></pre>
					</div>
				</section>
			</section>
		</div>
		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
			<nav class="tsd-navigation primary">
				<ul>
					<li class="globals  ">
						<a href="../globals.html"><em>Globals</em></a>
					</li>
					<li class="current tsd-kind-external-module">
						<a href="../modules/_api_.html">"api"</a>
					</li>
				</ul>
			</nav>
			<nav class="tsd-navigation secondary menu-sticky">
				<ul class="before-current">
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.iallowdragfn.html" class="tsd-kind-icon">IAllow<wbr>Drag<wbr>Fn</a>
					</li>
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.iallowdropfn.html" class="tsd-kind-icon">IAllow<wbr>Drop<wbr>Fn</a>
					</li>
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.inodeheightfn.html" class="tsd-kind-icon">INode<wbr>Height<wbr>Fn</a>
					</li>
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.itreemodel.html" class="tsd-kind-icon">ITree<wbr>Model</a>
					</li>
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.itreenode.html" class="tsd-kind-icon">ITree<wbr>Node</a>
					</li>
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.itreenodedrag.html" class="tsd-kind-icon">ITree<wbr>Node<wbr>Drag</a>
					</li>
				</ul>
				<ul class="current">
					<li class="current tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.itreeoptions.html" class="tsd-kind-icon">ITree<wbr>Options</a>
						<ul>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#actionmapping" class="tsd-kind-icon">action<wbr>Mapping</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#allowdrag" class="tsd-kind-icon">allow<wbr>Drag</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#allowdragoverstyling" class="tsd-kind-icon">allow<wbr>Dragover<wbr>Styling</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#allowdrop" class="tsd-kind-icon">allow<wbr>Drop</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#animateacceleration" class="tsd-kind-icon">animate<wbr>Acceleration</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#animateexpand" class="tsd-kind-icon">animate<wbr>Expand</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#animatespeed" class="tsd-kind-icon">animate<wbr>Speed</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#childrenfield" class="tsd-kind-icon">children<wbr>Field</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#displayfield" class="tsd-kind-icon">display<wbr>Field</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#dropslotheight" class="tsd-kind-icon">drop<wbr>Slot<wbr>Height</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#getchildren" class="tsd-kind-icon">get<wbr>Children</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#getnodeclone" class="tsd-kind-icon">get<wbr>Node<wbr>Clone</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#haschildrenfield" class="tsd-kind-icon">has<wbr>Children<wbr>Field</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#idfield" class="tsd-kind-icon">id<wbr>Field</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#isexpandedfield" class="tsd-kind-icon">is<wbr>Expanded<wbr>Field</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#levelpadding" class="tsd-kind-icon">level<wbr>Padding</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#nodeclass" class="tsd-kind-icon">node<wbr>Class</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#nodeheight" class="tsd-kind-icon">node<wbr>Height</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#rootid" class="tsd-kind-icon">root<wbr>Id</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#rtl" class="tsd-kind-icon">rtl</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#scrollcontainer" class="tsd-kind-icon">scroll<wbr>Container</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#scrollonactivate" class="tsd-kind-icon">scroll<wbr>OnActivate</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#usecheckbox" class="tsd-kind-icon">use<wbr>Checkbox</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#usetristate" class="tsd-kind-icon">use<wbr>Tri<wbr>State</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface">
								<a href="_api_.itreeoptions.html#usevirtualscroll" class="tsd-kind-icon">use<wbr>Virtual<wbr>Scroll</a>
							</li>
						</ul>
					</li>
				</ul>
				<ul class="after-current">
					<li class=" tsd-kind-interface tsd-parent-kind-external-module">
						<a href="_api_.itreestate.html" class="tsd-kind-icon">ITree<wbr>State</a>
					</li>
					<li class=" tsd-kind-type-alias tsd-parent-kind-external-module">
						<a href="../modules/_api_.html#idtype" class="tsd-kind-icon">IDType</a>
					</li>
					<li class=" tsd-kind-type-alias tsd-parent-kind-external-module">
						<a href="../modules/_api_.html#idtypedictionary" class="tsd-kind-icon">IDType<wbr>Dictionary</a>
					</li>
					<li class=" tsd-kind-type-alias tsd-parent-kind-external-module">
						<a href="../modules/_api_.html#treenode" class="tsd-kind-icon">Tree<wbr>Node</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</div>
<footer class="with-border-bottom">
	<div class="container">
		<h2>Legend</h2>
		<div class="tsd-legend-group">
			<ul class="tsd-legend">
				<li class="tsd-kind-module"><span class="tsd-kind-icon">Module</span></li>
				<li class="tsd-kind-object-literal"><span class="tsd-kind-icon">Object literal</span></li>
				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
				<li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li>
				<li class="tsd-kind-index-signature"><span class="tsd-kind-icon">Index signature</span></li>
				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
				<li class="tsd-kind-enum-member"><span class="tsd-kind-icon">Enumeration member</span></li>
				<li class="tsd-kind-property tsd-parent-kind-enum"><span class="tsd-kind-icon">Property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-enum"><span class="tsd-kind-icon">Method</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
				<li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li>
				<li class="tsd-kind-constructor tsd-parent-kind-interface"><span class="tsd-kind-icon">Constructor</span></li>
				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
				<li class="tsd-kind-index-signature tsd-parent-kind-interface"><span class="tsd-kind-icon">Index signature</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
				<li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li>
				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li>
				<li class="tsd-kind-index-signature tsd-parent-kind-class"><span class="tsd-kind-icon">Index signature</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected accessor</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private accessor</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
				<li class="tsd-kind-call-signature tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li>
			</ul>
		</div>
	</div>
</footer>
<div class="container tsd-generator">
	<p>Generated using <a href="http://typedoc.io" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
<script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script>
</body>
</html>